<template>
  <div class="special_body">
    <van-panel>
      <van-grid :column-num="1">
        <van-grid-item v-for="item in topicList" :key="item.id" class="grid_items">
          <van-image lazy-load :src="item.scene_pic_url" />
          <h5>{{item.title}}</h5>
          <p>{{item.subtitle}}</p>
        </van-grid-item>
      </van-grid>
    </van-panel>
  </div>
</template>
<script>
// 导入网络封装模块
import { request } from "@/axios/request";
export default {
  name: "Index",
  data() {
    return {};
  },
  props:[
      'topicList'
  ],
   
};
</script>
<style lang="less" scoped>
.van-cell{
    padding: 0;
}
.grid_items{
    p{
        font-size: 12px;
        text-align: center;
        color: #999;
        margin-top: 2px;
    }
    h5{
        margin: 0;
        color: seagreen;
    }
    
}
</style>